<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>提现记录</title>
    <link rel="shortcut icon" href="/favicon.ico">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta http-equiv="Expires" content="0">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-control" content="no-cache, must-revalidate">
    <meta http-equiv="Cache" content="no-cache">

    <link rel="stylesheet" href="/sui/css/sm.min.css">
    <link rel="stylesheet" href="/sui/css/sm-extend.min.css">
    <link href="/css/iconfont.css" type="text/css" rel="stylesheet"/>
    <link rel="stylesheet" href="/css/com/center/withdrawa.css">
</head>
<body>

<div class="page-group">
    <!-- 单个page ,第一个.page默认被展示-->
    <div class="page page-current">
        <header class="bar bar-nav" >
            <a  href="/index" class="external button button-link button-nav pull-left">
                <span class="icon icon-left"></span>
                返回
            </a>
        </header>
        <div class="content pull-to-refresh-content infinite-scroll infinite-scroll-bottom" data-distance="100" data-ptr-distance="55">

            <!-- 默认的下拉刷新层 -->
            <div class="pull-to-refresh-layer">
                <div class="preloader"></div>
                <div class="pull-to-refresh-arrow"></div>
            </div>

            <!--下拉刷新类容区域开始-->
            <div class="refresh_content">
                <!--提现区开始-->
                <div class="withdrawal_region">
                    <div class="withdrawal_region_img">
                        <img src="/image/tixian.png"/>
                        <span style="margin: 0 0.25rem">余额(元)</span>
                        <span id="account"></span>
                    </div>
                    <span class="open-details withdrawal_region_but">提现</span>
                </div>
                <!-- 提现区结束-->

                <!-- 查询提现信息开始-->
                <div class="withdrawal_query">
                    <div class="withdrawal_query_list">
                        <span value="" class="withdrawal_query_val">全部</span>
                        <ul>
                            <li value=''>全部</li>
                            <li value="-11">正在处理中</li>
                            <li value="00">提现成功</li>
                            <li value="11">转账退回</li>
                        </ul>
                    </div>
                    <span class="withdrawal_query_but">查询</span>
                </div>
                <!--查询提现信息结束-->
            </div>
            <!--下拉刷新类容区域结束-->

            <!-- 数据刷新容器-->
            <div class="list-block cards-list" >
                <ul>

                </ul>
            </div>

            <!--暂无记录-->
            <div class="list-block ">
                <div class="no-data" style="display: none;height:calc(100vh - 10.0867rem);overflow: hidden">
                    <div class="no-record"></div>
                    <div class="wenzi">
                        <span>当前暂无记录</span>
                    </div>
                </div>
            </div>

            <!-- 加载提示符 -->
            <div class="infinite-scroll-preloader"  style="display:none">
                <div class="preloader"></div>
            </div>

        </div>

    </div>
    <!-- 提现内容详情页开始-->
    <div class="popup popup-details" style="background: #f0f0f3">
        <div class="close-popup">
            <i style="display:inline-block;width:25px;height:25px;background-image: url(/image/guanbi.svg);background-position: center center;background-size: 25px 25px;margin: 0 0.5rem;vertical-align: middle;padding: 0.3rem 0"></i>
        </div>
        <div class="tx_details">
            <ul>
                <li>
                    <label>金额(元)</label>
                    <input type="text" class="amount" placeholder="提现金额"/>
                </li>
                <li>
                    <label>验证码</label>
                    <input type="text" class="validateCode" placeholder="请输入验证码"/>
                </li>
                <li>
                    <span class="verification">发送验证码</span>
                    <span class="fq_withdrawal">发起提现</span>
                </li>
            </ul>
        </div>
    </div>
    <!--提现内容详情页结束-->

    <script type='text/javascript' src='/zepto/zepto.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='/sui/js/sm.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='/sui/js/sm-extend.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='/js/com/center/withdrawal.js' charset='utf-8'></script>

    <script type='text/javascript'>
        $(document).ready(function () {
            $(document).on('click','.open-details', function () {
                $.popup('.popup-details');
            });
            // 页面加载完去查询用户余额
            $.post(
                "/withdrawManage/account",
                {},
                function (result) {
                    var count = (result.account)/100;
                    $('#account').html(count);
                }
            )
        });
        $.init();
    </script>
</div>

</body>
</html>

